<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/shop_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./shop_index_clear.css">
    <title>限时秒杀</title>
</head>
<body>
  <div class="header navigationBar">
      <div class="wrapper">
          <span id="btn-back" class="header-btn left-btn backtrack"></span>
          <span class="title">品牌清仓</span>
      </div>
  </div>
  <div style="height: 2.8rem"></div>
  <div class="container">

    <div class="goods-list">
      <div class="no-goods">
        <img src="../../../image/shop/no-goods.png" alt="">
        <span>货源正在来的路上...</span>
      </div>
      <ul>
        <li v-for="item in goodsList" :class="item.group_booking ? 'is-group': ''" @click="toDetail(item.goods_id,item.group_booking)">
          <div class="img-box">
            <img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'" />
          </div>
          <div class="goods-title" v-text="item.name">
            标题标题标题标题标题标题标题标题标题标题标题
          </div>
          <div class="goods-msg">
            <div>
              <span> <i>￥</i>{{item.group_booking ? item.group_price : item.sale_price}}</span>
              <span><i v-text="item.group_booking ? '已拼': '已出售'"></i>{{item.sale_count}}件</span>
            </div>
            <div v-if="item.group_booking" class="group-avater">
              <div class="avater-list" v-for="group in item.open_group">
                <img :src="group.avater" alt="">
              </div>
            </div>
            <div class="buy-btn">
              <span v-text="item.group_booking ? '去拼团': '去购买'"></span>
            </div>
          </div>

          <div class="fenyon" v-if="userInfo.team_leader_level >= 1 && (item.commission1_rate != 0 || item.commission2_rate != 0)">
            <p v-if="item.commission1_rate != 0">一级佣金{{item.commission1_rate}}%</p>
            <p v-if="item.commission2_rate != 0">二级佣金{{item.commission2_rate}}%</p>
          </div>
        </li>
      </ul>
    </div>

  </div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./shop_index_clear.js"></script>
</html>
